<template>
  <div>
    <vxe-modal v-model="mShow" title="输入密码以完成操作" width="300px" show-footer @confirm="confirm" @close="close">
      <template v-slot:title>
        <span style="color: red">*</span> 输入安全密码以完成操作
      </template>
      <template v-slot>
        <vxe-input type="password" v-model="password" style="width: 100%; text-align: center"></vxe-input>
      </template>
    </vxe-modal>
  </div>
</template>

<script>
export default {
  name: 'index',
  props: {
    show: Boolean
  },
  data () {
    return {
      mShow: true,
      password: ''
    }
  },
  methods: {
    confirm () {
      this.$emit('confirm', this.password)
      return false
    },
    close () {
      this.$emit('close')
    }
  }
}
</script>

<style scoped>

</style>
